@import '~@/dark_var.less';

.CustomPriceForecast {
  width: 800px !important;
  :global {
    .ant-modal-wrap {
      display: flex;
    }
    .ant-modal-header {
      border-bottom: none !important;
    }
    .ant-modal-body {
      padding-top: 0;
    }
    .ant-modal-footer {
      border-top: none !important;
    }
  }

  .modalTitle {
    display: flex;
    align-items: center;
    .text {
      margin-left: 8px;
      font-size: 18px;
    }
  }

  .operate {
    display: flex;
    align-items: center;
    .date {
      display: flex;
      align-items: center;
      font-size: 12px;
      .label {
        color: @text-color-tertiary;
      }
      .value {
        margin-left: 12px;
        color: @text-color;
      }
    }
    .pointer {
      margin-left: 12px;
    }
    .blank {
      flex: 1 1 auto;
    }
    .station {
      .label {
        color: @text-color-tertiary;
        font-size: 12px;
      }
    }
    .stationSelector {
      width: 220px;
      margin-left: 12px;
    }
  }
  .echartsLine {
    height: 450px;
  }
  .customPriceTable {
    margin-top: 4px;
    .input {
      width: 54px !important;
      height: 20px !important;
      padding-right: 3px !important;
      padding-left: 3px !important;
      font-size: 12px !important;
      border-radius: 4px !important;
      :global {
        .ant-input-number-handler-wrap {
          display: none;
        }
        .ant-input-number-input {
          height: 18px;
          padding: 0;
          line-height: 18px;
        }
      }
    }
    :global {
      .ant-table {
        font-size: 12px !important;

        // 实现5px圆角
        background: transparent !important;
        th {
          height: 28px;
          padding: 0 8px !important;
          // background: @disabled-bg !important;
        }
        td {
          height: 28px;
          padding: 0 8px !important;
          // background: @component-background !important;
        }
        .selected {
          td {
            // background: #21323e !important;
          }
        }
        .ant-table-container {
          border-radius: 5px !important;
        }
        th:first-child {
          border-top-left-radius: 5px !important;
        }
        th:last-child {
          border-top-right-radius: 5px !important;
        }
        tr:last-child td:first-child {
          border-bottom-left-radius: 5px !important;
        }
        tr:last-child td:last-child {
          border-bottom-right-radius: 5px !important;
        }
      }
    }
  }
  // 关于滚动条样式，父项目中设置了滚动条样式，但是与设计图不一致，这里的滚动条样式同时也被TRCheckboxModal组件的样式污染
}
